{extend name="base" /} {block name="css"}
<link rel="stylesheet" href="__CSS__/custommenu.css">
<link rel="stylesheet" type="text/css" href="__CSS__/iconfont.css"> {/block} {block name="body"}
<div class="layui-body" id="setCustomMenu">
    <div class="top-tips">

    </div>
    <div class="box">
        <div class="mobile-screen">
            <div class="screen-top"></div>
            <div class="screen-nav">
                <div v-for="(items,index) in menuList.button">
                    <div class="screen-menu">
                        <div class="son" v-if="menuListStatus[index]" v-for="(items_s,index_s) in items.sub_button" @click="setSonButton(index,index_s,items_s)">
                            <a href="javascript:;">{{items_s.name}}</a>
                        </div>
                        <div class="son" v-if="addListStatus[index] && menuListStatus[index]" @click="addSonButton(index)">
                            <a href="javascript:;">添加子菜单</a>
                        </div>
                    </div>
                    <ul class="parent-menu" @click="parentButton(items,index);">
                        <li>
                            <a href="javascript:;">{{items.name}}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="table-frm">
            <div class="ipt">
                <div class="top-title">
                    <span class="title">{{currentMenu.item.name}}</span>
                    <span class="del-tab">
                        <a href="javascript:;">删除菜单</a>
                    </span>
                </div>
                <div class="content">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">菜单名称</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="parentMenuName" :placeholder="currentMenu.item.name" @change="menuName(currentMenu);">
                        </div>
                    </div>
                    <div style="margin: 10px 76px;color:#999;">不能超过5个汉字</div>
                    <div class="form-group" style="height:30px;line-height:30px;">
                        <label style="float: left;" class="col-sm-2 control-label">菜单内容</label>
                        <div class="col-sm-10 send-type-box">
                            <div class="send-type">
                                <ul>
                                    <li :class="item.clickState" @click="customType(index,currentMenu);" v-for="(item,index) in menuContentList">
                                        <a href="javascript:;">{{item.name}}</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="contents-msg" v-if="content == 0">
                        <div class="top-title">
                            <ul>
                                <li v-for="(item,index) in ReplyType" @click="changeReplyType(index);">
                                    <a :class="item.status" href="javascript:;">
                                        <i class="iconfont icon-article"></i>{{item.name}}</a>
                                </li>
                            </ul>
                        </div>
                        <template v-if="replyText">
                            <div class="edit-text">
                                <textarea v-model="currentMenu.editContent" @change="addtext(currentMenu);" />{{currentMenu.editContent}}</textarea>
                            </div>
                            <div class="bottom-nav">
                                <ul>
                                    <li>
                                        <a href="javascript:;">访客名称</a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">访客名称</a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">访客名称</a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">访客名称</a>
                                    </li>
                                    <li>还可以输入600字</li>
                                </ul>
                            </div>
                        </template>
                        <div class="edit-text sucai" v-else>
                            <span class="sucai-c">
                                <div class="add">+</div>
                                <div>选择{{currentSucai}}素材</div>
                            </span>
                            <span class="sucai-c">
                                <div class="add">+</div>
                                <div>上传{{currentSucai}}素材</div>
                            </span>
                        </div>
                        <div class="tips">
                            <span>
                                自动打标签：
                                <a class="change" href="javascript:;">选择标签</a>
                                <a class="del" href="javascript:;">删除标签</a>
                            </span>
                            <span>当前点击菜单次数：2587</span>
                        </div>
                        <form action="">
                            触发类型：
                            <label class="mdui-radio" style="padding-left:23px;margin-right:18px;" v-for="items in isCallService">
                                <input type="radio" name="group1" :checked="items.status" @click="callService(items.value,currentMenu)" />
                                <i class="mdui-radio-icon"></i>
                                {{items.name}}
                            </label>
                        </form>
                    </div>
                    <div class="jump-html" v-if="content == 1">
                        <div style="font-size: 14px;color: #999;">订阅者点击该子菜单会跳到以下链接</div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">页面地址</label>
                            <div class="col-sm-10" style="margin: 5px 0;font-size: 14px;color: #666;">
                                <input style="margin-left:10px;" v-model="viewUrl" type="text" class="form-control" value="" placeholder="" @change="setJumpUrl(currentMenu)">
                            </div>
                        </div>
                    </div>
                    <div class="event-change" v-if="content == 2">
                        <div class="col">
                            <label class="radio">
                                <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" data-toggle="radio" class="custom-radio">
                                <span class="icons">
                                    <span class="icon-unchecked"></span>
                                    <span class="icon-checked"></span>
                                </span>
                                打开扫一扫，可用来扫码
                            </label>
                        </div>
                        <div class="col">
                            <label class="radio">
                                <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" data-toggle="radio" class="custom-radio">
                                <span class="icons">
                                    <span class="icon-unchecked"></span>
                                    <span class="icon-checked"></span>
                                </span>
                                打开相机
                            </label>
                        </div>
                        <div class="col">
                            <label class="radio">
                                <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" data-toggle="radio" class="custom-radio">
                                <span class="icons">
                                    <span class="icon-unchecked"></span>
                                    <span class="icon-checked"></span>
                                </span>
                                打开相机和相册
                            </label>
                        </div>
                        <div class="col">
                            <label class="radio">
                                <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" data-toggle="radio" class="custom-radio">
                                <span class="icons">
                                    <span class="icon-unchecked"></span>
                                    <span class="icon-checked"></span>
                                </span>
                                打开相册
                            </label>
                        </div>
                        <div class="col">
                            <label class="radio">
                                <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" data-toggle="radio" class="custom-radio">
                                <span class="icons">
                                    <span class="icon-unchecked"></span>
                                    <span class="icon-checked"></span>
                                </span>
                                打开地图，选择后可上报位置
                            </label>
                        </div>
                        <div class="col">
                            <label class="radio">
                                <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" data-toggle="radio" class="custom-radio">
                                <span class="icons">
                                    <span class="icon-unchecked"></span>
                                    <span class="icon-checked"></span>
                                </span>
                                订阅广播
                            </label>
                        </div>
                        <div class="col">
                            <label class="radio">
                                <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" data-toggle="radio" class="custom-radio">
                                <span class="icons">
                                    <span class="icon-unchecked"></span>
                                    <span class="icon-checked"></span>
                                </span>
                                小程序
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="save-and-publish" @click="submitData()">
                保存并发布
            </div>
        </div>
    </div>

</div>

{/block} {block name="js"}
<script src="__JS__/custommenu/menuMethod.js"></script>
<script src="__JS__/custommenu/menuMain.js"></script> {/block}